body {
  width: 100%;
  min-width: @mainViewAreaWidth;
  height: 100%;
}

html,
body {
  height: 100%;
}

#app {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: @mainViewAreaWidth) {
  #app {
    width: @mainViewAreaWidth;
  }
}

.enter-in {

  //步骤条颜色更改
  .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after {
    background: #F8DFDF;
  }

  .ant-steps-item-title::after {
    height: 2px;
  }
}

.max .ant-form label {
  font-size: 12px;
}

.max_logo {
  .ant-upload.ant-upload-select-picture-card {
    width: 40px;
    height: 40px;
  }
}

.invoice-info .ant-form-item {
  margin-bottom: 20px;
}

// placeholder的样式
.input-placeholder {
  color: #ccc;
  font-weight: 400;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  .input-placeholder();
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  .input-placeholder();

}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  .input-placeholder();

}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  .input-placeholder();
}

//锚点颜色
.ant-anchor-link-active>.ant-anchor-link-title {
  color: @activeRed;
}

// 数字框取消右侧上下箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type='number'] {
  -moz-appearance: textfield;
}

// 滚动条优化样式
.vb > .vb-dragger {
  z-index: 5;
  width: 12px;
  right: 0;
}

.vb > .vb-dragger > .vb-dragger-styler {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotate3d(0,0,0,0);
  transform: rotate3d(0,0,0,0);
  -webkit-transition:
          background-color 100ms ease-out,
          margin 100ms ease-out,
          height 100ms ease-out;
  transition:
          background-color 100ms ease-out,
          margin 100ms ease-out,
          height 100ms ease-out;
  background-color: rgba(0, 0, 0, 0);
  margin: 5px 5px 5px 0;
  border-radius: 20px;
  height: calc(100% - 10px);
  display: block;
}

.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(0, 0, 0, .3);
}

.vb > .vb-dragger:hover > .vb-dragger-styler {
  background-color: rgba(0, 0, 0, .3);
  margin: 0;
  height: 100%;
}

.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(0, 0, 0, .3);
  margin: 0;
  height: 100%;
}

.ant-btn-danger {
  background-color: #d73737;
    border-color: #d73737;
}

.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(0, 0, 0, .3);
}

.ant-btn:hover, .ant-btn:focus {
  color: #ed3c3c !important;
    background-color: #fff !important;
    border-color: #ed3c3c !important;
}
.ant-btn-primary:hover, .ant-btn-primary:focus {
  color: #fff !important;
  background-color: #ed3c3c !important;
  border-color: #ed3c3c !important;
    span {
      color:#fff !important;
    }
}
.ant-btn-danger:hover, .ant-btn-danger:focus {
  color: #fff !important;
    background-color: #ed3c3c !important;
    border-color: #ed3c3c !important;
}
.ant-btn-link {
  border-color: transparent !important;
  box-shadow: none;
}
.ant-calendar-range-picker-separator {
  display: none;
}
.ant-calendar-picker-input::after {
  content:'';
  position: absolute;
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  transform: translate(-130%,-50%);
  background: url(../image/sellerHub/swap-right.png);
  background-size: 100% 100%;
}
.ant-calendar-today .ant-calendar-date{
  border-radius: 100%;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date, .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  border-radius: 100%;
}
.ant-calendar-date:hover{
  border-radius: 100%;
}
.ant-calendar-date {
  transition:all .1s;
}

//table 线
.ant-table-thead {
  font-size: 14px;
  background: #f9f9f9;
  color: @newColorGreyFontM;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  > tr > th {
    border-bottom: 1px solid @newBorderS;
    background: #f9f9f9;
  }
}
.ant-table-tbody {
  color: @newColorGreyFontM;
  font-size: 14px;
  > tr > td {
    border-bottom: 1px solid @newBorderS;
  }
}
.ant-btn-sm {
  font-size: 12px;
}